<template>
  <div >
    <el-button  type="danger" round style="background-color: #2974FF;" @click="opensx" >创建任务</el-button>
    <el-dialog
      title="依据筛选条件创建任务"
      :visible.sync="isshowpz"
      @closed="hideClick"
      :close-on-click-modal="false"
      width="1280px">
        <div class="t_form_box">
            <div class="t_form_item">
                <div class="t_form_title"><span class="t_red">*</span>任务名称</div>
                <el-input  style="width: 240px;" v-model="postform.name" placeholder="请输入任务名称" ></el-input>
            </div>
            <div class="t_form_item"  style="width:500px">
                <div class="t_form_title"><span class="t_red">*</span>任务类型</div>
                <el-select v-model="postform.type" placeholder="请选择" >
                  <el-option
                    v-for="(item,index) in taskTypeList"
                    :key="index"
                    :label="item.name"
                    :value="item.id">
                  </el-option>
                </el-select>
                <rwtype :buttontype="1" @changerwtype="changerwtype" />
            </div>
            <div class="t_form_item">
                <div class="t_form_title"><span class="t_red">*</span>紧急程度</div>
                <el-select v-model="postform.urgency" placeholder="请选择">
                  <el-option label="普通" value="0"></el-option>
                  <el-option label="较高" value="1"></el-option>
                  <el-option label="最高" value="2"></el-option>
                </el-select>
            </div>
            <div class="t_form_item">
                <div class="t_form_title">关联短信任务</div>
                <el-select multiple v-model="postform.sms_task_id" placeholder="请选择">
                  <el-option :label="item.name" :value="item.id" v-for="item in duanxinlists" :key="item.id"></el-option>
                </el-select>
            </div>
            <div class="t_form_item" >
                <div class="t_form_title">91粉加人任务</div>
                <el-select v-model="postform.is_add_user" placeholder="请选择">
                  <el-option label="否" :value="0"></el-option>
                  <el-option label="是" :value="1"></el-option>
                </el-select>
            </div>

            <div class="t_form_item" >
                <div class="t_form_title">截止时间</div>
                <el-date-picker style="width: 470px; margin-right: 20px;" v-model="postform.delay_at"
                  clearable value-format="yyyy-MM-dd HH:mm:ss" type="datetime"
                  placeholder="选择截止时间">
                </el-date-picker>
            </div>

            <div class="t_form_item" style="width: 100%;margin-top: 20px;">
                <div class="t_form_title" style="align-self: flex-start;font-weight: bold;font-size: 16px;">圈选订单</div>
                <div>
                  <el-radio v-model="postform.pick_type" label="0">按订单来源圈选</el-radio>
                  <el-radio v-model="postform.pick_type" label="1">按商品圈选</el-radio>

                </div>
            </div>
            <div v-if="postform.pick_type=='1'" class="t_form_item">
                <div class="t_form_title">商品名称</div>
                <el-select v-model="postform.sku" class="tags-select-input" :reserve-keyword="true" multiple filterable collapse-tags placeholder="请选择商品名称">
                    <el-option  v-for="item in shangpinbianma" :key="item.id" :label="item.title" :value="item.fetch_code"></el-option>
                </el-select>
                <!-- <el-button type="primary" size="small" @click="quanxuan" style="height: 38px; padding: 0 15px !important; line-height: 38px;">{{quanxuanma}}</el-button> -->
            </div>
            <div v-if="postform.pick_type=='0'" class="t_form_item ">
                <div class="t_form_title ">订单来源</div>

                <el-select popper-class="p40b" style=" position: relative;" v-model="postform.source" multiple collapse-tags :reserve-keyword="true" filterable clearable  placeholder="订单来源" @visible-change="chongzhi" @change="handleSelectChange" :filter-method="onFilter">

                    <div class="select-header kflexcc" style="position: absolute; bottom: 0; left: 0; background: #fff; z-index: 99; height: 40px; width: 100%;">
                      <div @click="toggleSelectAll(1)" style="margin-right: 20px; cursor: pointer; font-size: 12px; border: 1px #409EFF solid; padding: 2px 5px; color: #409EFF; border-radius: 2px; ">全选</div>
                      <div @click="toggleSelectAll(2)" style="cursor: pointer; font-size: 12px;  border: 1px #409EFF solid; padding: 2px 5px; color: #409EFF;  border-radius: 2px;">追加全选</div>
                    </div>

                    <el-option :label="item.source_name" :value="item.source_name" v-for="(item,index) in filteredOptions" :key="index"></el-option>
                </el-select>

                <el-button size="small" type="primary" @click="openpage" style="height: 38px; padding: 0 15px !important; line-height: 38px;margin-left: 10px;" round plain >管理来源</el-button>
            </div>
            <div class="t_form_item" style="width: 100%;margin-top: 20px;">
                <div class="t_form_title" style="align-self: flex-start;font-weight: bold;font-size: 16px;">过滤条件</div>
                <div>
                  <el-radio v-model="postform.trim_type" label="0">符合条件法</el-radio>
                  <el-radio v-model="postform.trim_type" label="1">排除法</el-radio>
                </div>
            </div>
            <div class="t_form_item" style="width: 100%;">
                <div v-if="postform.trim_type=='0'" class="t_form_title" style="align-self: flex-start;flex-shrink: 0;flex-grow: 0;">进入任务</div>
                <div v-if="postform.trim_type=='1'" class="t_form_title" style="align-self: flex-start;flex-shrink: 0;flex-grow: 0;">不会进入任务</div>
                <div style="background-color: #F3F5F8;padding: 28px 20px;border-radius: 20px;">
                <div style="display: flex;
                flex-wrap: wrap;" class="t_new_con_box">
                  <div v-if="postform.pick_type=='0'" class="t_form_item">
                      <div class="t_form_title">商品名称</div>
                      <el-select v-model="postform.sku" class="tags-select-input" :reserve-keyword="true" multiple filterable collapse-tags placeholder="请选择商品名称">
                          <el-option  v-for="item in shangpinbianma" :key="item.id" :label="item.title" :value="item.fetch_code"></el-option>
                      </el-select>
                      <!-- <el-button type="primary" size="small" @click="quanxuan" style="height: 38px; padding: 0 15px !important; line-height: 38px;">{{quanxuanma}}</el-button> -->
                  </div>
                  <div v-if="postform.pick_type=='1'" class="t_form_item ">
                      <div class="t_form_title ">订单来源</div>
                      <el-select style="" v-model="postform.source" multiple collapse-tags :reserve-keyword="true" filterable clearable  placeholder="订单来源">
                          <el-option :label="item.source_name" :value="item.source_name" v-for="(item,index) in sourcelist" :key="index"></el-option>
                      </el-select>
                      <el-button size="small" type="primary" @click="openpage" style="height: 38px; padding: 0 15px !important; line-height: 38px;margin-left: 10px;" round plain >管理来源</el-button>
                  </div>
                  <div class="t_form_item">
                      <div class="t_form_title">订单状态</div>
                      <el-select v-model="postform.status" multiple filterable collapse-tags clearable placeholder="订单状态">
                        <el-option :label="item.label" :value="item.value" v-for="(item,index) in peizhis.order_status" :key="index"></el-option>
                      </el-select>
                  </div>
                  <div class="t_form_item">
                      <div class="t_form_title">退款状态</div>
                      <el-select v-model="postform.refund_status" clearable placeholder="退款状态">
                        <el-option label="正常" value="100">正常</el-option>
                        <el-option label="退款中" value="200">退款中</el-option>
                        <el-option label="退款成功" value="300">退款成功</el-option>
                      </el-select>
                  </div>
                  <div class="t_form_item">
                      <div class="t_form_title">激活状态</div>
                      <el-select v-model="postform.active_status" clearable placeholder="激活状态">
                        <el-option label="无" value="0">无</el-option>
                        <el-option label="已激活" value="100">已激活</el-option>
                        <el-option label="激活且充值" value="200">激活且充值</el-option>
                      </el-select>
                  </div>
                  <div class="t_form_item" style="width: 500px;">
                    <el-checkbox style="margin-left: 40px;margin-right: 10px;" v-model="postform.distinct_mobile">任务去重</el-checkbox>

                    <el-tooltip class="item" effect="dark" content="当任务出现手机号码重复的订单时，将会自动剔除重复订单" placement="top">
                      <i class="el-icon-question"></i>
                    </el-tooltip>
                  </div>

                </div>

                <div style="margin-left: 40px;margin-top: 20px;">自定义过滤排除符合上述条件的订单</div>
              </div>
            </div>
            <div style="margin-left: 110px;margin-bottom: 30px;">
                <el-checkbox v-model="postform.exclude_deliver">排除近7天在本店有过发货的订单</el-checkbox>
                <el-checkbox v-model="postform.exclude_active">排除近7天在本店有过激活的订单</el-checkbox>

            </div>
            <div class="t_form_item " style="width: 100%;padding-left: 110px;box-sizing: border-box;" >
              <el-checkbox v-model="postform.exclude_mobile">排除拨打过的手机号</el-checkbox>
              <div style="display: flex;align-items: center;margin-right: 30px;">
                <div style="margin-right: 10px;font-weight: 500;">时间范围</div>
                <el-select v-model="postform.mobile_time_type" clearable placeholder="排序方式">
                    <el-option label="近7天" value="1"></el-option>
                    <el-option label="近15天" value="2"></el-option>
                    <el-option label="近一个月" value="3"></el-option>
                    <el-option label="近三个月" value="4"></el-option>
                  </el-select>
              </div>
              <div style="display: flex;align-items: center;margin-right: 30px;">
                <div style="margin-right: 10px;font-weight: 500;">拨打过的任务类型</div>
                <el-select v-model="postform.class_id" placeholder="请选择" >
                  <el-option
                    v-for="(item,index) in taskTypeList"
                    :key="index"
                    :label="item.name"
                    :value="item.id">
                  </el-option>
                </el-select>
              </div>
              <div style="display: flex;align-items: center;">
                <div style="margin-right: 10px;font-weight: 500;">是否接通</div>
                <div>
                  <el-radio v-model="postform.is_connect" label="1">否</el-radio>
                  <el-radio v-model="postform.is_connect" label="2">是</el-radio>
                </div>
              </div>
            </div>
            <div class="t_form_item " style="width: 100%;" >
                <div class="t_form_title" style="align-self: flex-start;"><span class="t_red">*</span>时间周期</div>
                <div class="t_time_form" style="width: 960px;">
                  <el-select v-model="postform.time_filter_type" clearable placeholder="排序方式">
                    <el-option label="按订单创建时间" value="created_at"></el-option>
                    <el-option label="按订单发货时间" value="platform_delivered_at"></el-option>
                  </el-select>
                  <div>
                      <el-radio-group style="margin-top: 20px;"  v-model="radioT" @change="radioTime">
                        <el-radio label="1">绝对时间周期</el-radio>
                        <el-radio label="2">相对时间周期</el-radio>
                        <el-radio label="3">最近时间周期</el-radio>
                        <!-- <el-alert
                          title="注：使用订单创建时间"
                          type="info"
                          show-icon
                          :closable="false">
                        </el-alert> -->
                      </el-radio-group>
                      <div style="margin-top: 20px;margin-bottom: 20px;display: flex;align-items: center;">
                        <el-date-picker style="width: 400px;margin-right: 20px;" v-if="radioT=='1'" v-model="postform.time" value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" placeholder="选择日期时间"></el-date-picker>
                        <span v-if="radioT=='1'">排除最近</span>
                        <el-select v-if="radioT=='1'" v-model="postform.exclude_days" clearable placeholder="排除最近">
                          <el-option label="3天" value="3"></el-option>
                          <el-option label="5天" value="5"></el-option>
                          <el-option label="7天" value="7"></el-option>
                          <el-option label="15天" value="15"></el-option>
                          <el-option label="30天" value="30"></el-option>
                        </el-select>
                        <span v-if="radioT=='1'">已拨打过的订单</span>
                      <div class="relatvetime" v-if="radioT=='2'">
                        实时时间
                        <el-input style="width: 100px;" v-model="postform.day1" onkeypress="return( /[\d]/.test(String.fromCharCode(event.keyCode)) )" maxlength="2"></el-input>
                        <span v-if="postform.date_type=='0'">天</span><span v-else>小时</span>前
                        <el-input style="width: 100px;" v-model="postform.day2" onkeypress="return( /[\d]/.test(String.fromCharCode(event.keyCode)) )" maxlength="2"></el-input>
                        <span v-if="postform.date_type=='0'">天</span><span v-else>小时</span>内的订单
                      </div>
                      <div class="relatvetime" v-if="radioT=='3'">
                        <el-input style="width: 100px;" v-model="postform.day3" onkeypress="return( /[\d]/.test(String.fromCharCode(event.keyCode)) )" maxlength="2"></el-input>
                        <span v-if="postform.date_type=='0'">天</span><span v-else>小时</span>内的订单
                      </div>
                      <div style="margin-left: 50px;" v-if="radioT=='2'||radioT=='3'">
                        <el-radio v-model="postform.date_type" label="0">按天</el-radio>
                        <el-radio v-model="postform.date_type" label="1">按小时</el-radio>
                      </div>
                    </div>

                    <div style="margin-top: 10px;line-height: 1.2;color: #909399;">
                      注：相对时间周期是按照现实的时间向前推算一段周期的，统计的数据一直随实时变化。通常用于激活 和充值的外呼
                    </div>
                    <div style="margin-top: 10px;line-height: 1.2;color: #909399;">
                      例：总是筛选实时时间的10天前发货且30天内下单；激活状态为未激活状态的用户外呼。
                    </div>
                  </div>

                </div>
            </div>
            <div class="t_form_item" style="width: 100%;">
                <div class="t_form_title" style="align-self: flex-start;">话术要求</div>
                <div style="width: 1000px;" ref="editor"></div>
            </div>
            <div style="text-align: right;width: 100%;">
              <el-button type="primary" style="width: 104px;" round @click="quxiao">取消</el-button>
              <el-button type="danger" round :loading="sendloading" style="background-color: #2974FF;" @click="postForm">发布任务</el-button>
            </div>
        </div>

    </el-dialog>
  </div>
</template>

<script>
  import axios from "axios";
  import UploadExcelComponent from "@/components/UploadExcel/index3.vue";
  import E from 'wangeditor'
  import rwtype from "./rwtype.vue"
import { set } from "lodash";
  export default {
    components: {

      UploadExcelComponent,
      rwtype
    },
    name: 'quanyi',
    data() {
      return {
        shopid:'',
        isshowpz:false,
        postform: {
          name: '',
          sku: '',
          urgency:'1',
          is_add_user:"",
          sms_task_id:"",
          source: '',
          status: [],
          refund_status: '',
          active_status: '',
          time_filter_type:'created_at',
          mobile_time_type:'',
          time: [],
          words:'',
          day1: '',
          day2: '',
          day3: '',
          date1: '',
          date2: '',
          type: '',
          class_id: '',
          exclude_days:'',
          delay_at:'',
          exclude_deliver:false,//排除近7天有过发货的订单：0-否、1-是
          exclude_active:false,//排除近7天有过激活的订单：0-否、1-是
          exclude_mobile:false,
          pick_type:'0',//0-按订单筛选、1-按商品筛选
          trim_type:'0',//0-符合条件法、1-排除法
          date_type:'0',
          distinct_mobile:false,
          is_connect:'2'
        },
        shangpinbianma:"",
        quanxuanma:'全选',
        duanxinlists:"",
        sourcelist:"",
        radioT: '',
        sendloading: false,
        taskTypeList:[],
        times:[],


        filteredOptions: [], // 筛选后的数据
        isAllSelected: false
      }
    },
    created() {
      //店铺权限问题
			this.shopid = JSON.parse(localStorage.getItem('SHOP')).shop_id;

     //获取商品编码
     var that = this;
      axios.get('/api/plan-market/all-pages?_page=1&_page_size=1000')
      .then(response => {
        if(response.data.msg.code == 0){
          that.shangpinbianma = response.data.data
        }else{
          if(response.data.msg.code == 50401){that.$router.push({ path: "/login" }); return false}
          that.$message.error(response.data.msg.info);
        }
      })

      //关联短信任务
      axios.get('/api/plan-market/message/getrenwulist?order_status=-999&status=1')
      .then(response => {
        if (response.data.msg.code == 0) {
          this.duanxinlists = response.data.data.data
        } else {
          this.$message.error(response.data.msg.info);
        }
      })

      //获取来源
      this.getmessagesource()



    },
    methods: {
      chongzhi:function(){

        this.filteredOptions = this.sourcelist
      },
      onFilter(query) {
          this.filteredOptions = this.sourcelist.filter(item =>
            item.source_name.includes(query)
          )
        },
        toggleSelectAll(checked) {
          if(checked == 1){
            this.postform.source = this.filteredOptions.map(i => i.source_name)
          }else{
            this.postform.source = [...new Set([...this.filteredOptions.map(i => i.source_name),...this.postform.source])]
          }
        },
        handleSelectChange(val) {

        },

      //获取产品类型
      getproductstype:function(){
          	var that = this
          	axios.get("/api/plan-market/call/config/list/v2")
          	  .then(function(response) {
          		  if(response.data.msg.code == 0){
                  that.taskTypeList = response.data.data
          		  }else{
          		  	that.$message.error(response.data.msg.info);
          		  }

          	  })
          },
      //获取来源
      getmessagesource:function(){
        var that = this
        axios.get("/api/form/channel/sources")
            .then(function(response) {
                if (response.data.msg.code == 0) {
                    that.sourcelist = response.data.data
                    that.filteredOptions = [...that.sourcelist]
                }else{
                    that.$message.error(response.data.msg.info);
                }
            })
      },
      opensx(){
        //获取产品类型
        this.getproductstype()
        this.restform()
        this.isshowpz = true

        setTimeout(()=>{
          var that = this
          var editor = new E(this.$refs.editor);
          editor.customConfig.menus = [
            'bold',
            'foreColor',
            'fontSize'
          ]
          editor.customConfig.onchange = function (html) {
            that.postform.words = html
          }
          editor.create();
          editor.$textContainerElem.css('height', '200px !important'); //设置高度
        },1000)
      },
      hideClick() {//这里是解决富文本嵌套问题
        this.$refs.editor.innerHTML = ''
      },
      radioTime(){
        if(this.radioT == '1'){
          this.postform.day1 = ''
          this.postform.day2 = ''
          this.postform.day3 = ''
        }
        if(this.radioT == '2'){
          this.postform.time = []
          this.postform.exclude_days = ''
          this.postform.day3 = ''
        }
        if(this.radioT == '3'){
          this.postform.time = []
          this.postform.exclude_days = ''
          this.postform.day1 = ''
          this.postform.day2 = ''
        }
        this.postform.date1 = ''
        this.postform.date2 = ''
      },
      quanxuan:function(){
        let arr = []
        for(let i in this.shangpinbianma){
          arr.push(this.shangpinbianma[i].fetch_code)
        }
        if(arr.length == this.postform.sku.length){
          this.postform.sku = []
        }else{
          this.postform.sku = arr
        }
        console.log(this.postform.sku)
      },
      //订单发布
      postForm(){
        var that = this

        if(this.postform.name==''){
          this.$message.error('请输入任务名称');
          return
        }
        if(this.postform.urgency==''){
          this.$message.error('请选择紧急程度');
          return
        }
        if(this.postform.time_filter_type==''){
          this.$message.error('请选择时间周期排序方式');
          return
        }
        if(this.radioT == ''){
          this.$message.error('请选择时间周期');
          return
        }
        if(this.radioT == '1'){
          if(this.postform.time.length==0){
            this.$message.error('请选择时间');
          return
          }
        }
        if(this.radioT == '2'){
          if(this.postform.day1==''||this.postform.day2==''){
            this.$message.error('请选择时间');
          return
          }
        }
        if(this.radioT == '3'){
          if(this.postform.day3==''){
            this.$message.error('请选择时间');
          return
          }
        }
        if(this.postform.type== ''){
          that.$message.error('请选择任务类型');
          return false;
        }






        if(this.radioT == '1'){
          this.postform.date1 = this.postform.time[0] ? this.postform.time[0] : ''
          this.postform.date2 = this.postform.time[1] ? this.postform.time[1] : ''
        }
        if(this.radioT == '2'){
          this.postform.date1 = this.postform.day1
          this.postform.date2 = this.postform.day2
          if((this.postform.date1 || this.postform.date2) && this.postform.date2 - this.postform.date1 <= 0){
            that.$message.error('时间周期设置错误');
            return false;
          }
          if(this.postform.date1 > 30 ||this.postform.date2 > 30){
            that.$message.error('时间周期设置过长，最多30天内');
            return false;
          }
        }
        if(this.radioT == '3'){
          this.postform.date1 = this.postform.day3
          if(this.postform.date1 > 30){
            that.$message.error('时间周期设置过长，最多30天内');
            return false;
          }
        }

        if(this.postform.date1.length == 0 && this.postform.date2.length == 0){
          that.$message.error('请设置时间周期');
          return false;
        }
        that.sendloading = true
        var data = {}
        data.name = this.postform.name
        data.fetch_code = this.postform.sku
        data.source = this.postform.source
        data.status = this.postform.status
        data.refund_status = this.postform.refund_status
        data.active_status = this.postform.active_status
        data.color = this.postform.color
        data.time_type = this.radioT
        data.date1 = this.postform.date1
        data.date2 = this.postform.date2
        data.demand = this.postform.words
        data.urgency = this.postform.urgency
        data.time_filter_type = this.postform.time_filter_type
        data.mobile_time_type = this.postform.mobile_time_type
        data.is_add_user = this.postform.is_add_user
        data.sms_task_id = this.postform.sms_task_id.toString()
        data.type = this.postform.type
        data.class_id = this.postform.class_id
        data.exclude_days = this.postform.exclude_days
        data.delay_at = this.postform.delay_at

        data.pick_type = this.postform.pick_type
        data.trim_type = this.postform.trim_type
        data.is_connect = this.postform.is_connect

        data.date_type = this.postform.date_type

        if(this.postform.exclude_deliver){
          data.exclude_deliver = '1'
        }else{
          data.exclude_deliver = '0'
        }

        if(this.postform.exclude_active){
          data.exclude_active = '1'
        }else{
          data.exclude_active = '0'
        }

        if(this.postform.exclude_mobile){
          data.exclude_mobile = '1'
        }else{
          data.exclude_mobile = '0'
        }

        if(this.postform.distinct_mobile){
          data.distinct_mobile = '1'
        }else{
          data.distinct_mobile = '0'
        }





        axios.post("/api/plan-market/call/task/order_task_create/v2", data)
          .then((response)=> {
              if (response.data.msg.code == 0) {
                  that.isshowpz = false
                  that.sendloading = false
                  that.$emit('shaixuanup')

              }else{
                  that.sendloading = false
                  that.$message.error(response.data.msg.info);
              }
        })
      },
      //重置
      restform(){
          this.postform.name= ''
          this.postform.sku= ''
          this.postform.urgency='1'
          this.postform.is_add_user=""
          this.postform.sms_task_id=""
          this.postform.source= ''
          this.postform.status=[]
          this.postform.refund_status= ''
          this.postform.active_status= ''
          this.postform.time_filter_type='created_at'
          this.postform.mobile_time_type = ''
          this.postform.time= []
          this.postform.exclude_days = ''
          this.postform.words=''
          this.postform.day1=''
          this.postform.day2=''
          this.postform.day3= ''
          this.postform.date1=''
          this.postform.date2=''
          this.radioT = ''
          this.postform.type=''
          this.postform.class_id=''
          this.postform.delay_at = ''
          this.postform.exclude_deliver = false
          this.postform.exclude_active = false
          this.postform.exclude_mobile = false
          // this.postform.distinct_mobile = false


          this.postform.pick_type = '0'
          this.postform.trim_type = '0'
          this.postform.date_type = '0'
          this.postform.is_connect = '2'
      },
      quxiao(){
        this.isshowpz = false
      },
      // 监听修改类型
      changerwtype(){
        //获取产品类型
        this.getproductstype()
      },
      openpage:function(){
					window.open(window.location.origin +  window.location.pathname+"#/setup/dingdanlaiyuan/dingdanlaiyuan")
        },

    },
    watch:{
      'postform.sku': {
            handler: function(a,b) {
              console.log(a.length)
              console.log(this.shangpinbianma.length)
              if(a.length != this.shangpinbianma.length){
                this.quanxuanma = '全选'
              }else{
                this.quanxuanma = '全不选'
              }
            },
        }
    },
    beforeDestroy(){

    },


  }
</script>

<style lang="scss" scoped>


.t_form_item{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.t_form_title{
  width: 110px;
  text-align: right;
  box-sizing: border-box;
  padding-right: 15px;
}
.t_form_box{
  display: flex;
  flex-wrap: wrap;
}
.t_red{
  color: #2974FF;
}

/deep/.t_form_box .el-input--suffix .el-input__inner  {
  background-color: #f7f8fa;
  border: none;
}
/deep/.t_form_box .el-range-editor.el-input__inner{
  background-color: #f7f8fa;
  border: none;
}
/deep/.t_form_box .el-date-editor .el-range-input{
  background-color: #f7f8fa;
  border: none;
}
/deep/.t_form_box .el-input__inner{
  background-color: #f7f8fa;
  border: none;
  width: 240px;

}
/deep/.t_form_box .t_long_sel .el-input--suffix .el-input__inner{
  background-color: #f7f8fa;
  border: none;
  width: 500px;

}
.t_time_form{
  background-color: #f7f8fa;
  padding: 20px;
  border-radius: 10px;
}
/deep/ .t_form_box .t_time_form .el-input__inner{
  background-color: white;
  border: none;
  width: 100%;

}
/deep/.t_form_box .t_time_form .el-date-editor .el-range-input{
  background-color: white;
  border: none;
  width: auto;
}


.tags-select-input /deep/ .el-select__tags-text {
  display: inline-block;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  flex-flow: nowrap;
  text-overflow: ellipsis;
}
.tags-select-input /deep/ .el-tag{
  display: flex;
  align-items: center;
}
/deep/ .t_new_con_box .el-input--suffix .el-input__inner{
  background-color: white !important;
}
</style>
